body{ font-family: "Microsoft yahei";  background:#fff;}
body,p,ul,li,ol,dd,dt,dl,h1,h2,h3,h4,h5,h6,form,input,select{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none;color: #666; cursor: pointer; }
.clear{ clear: both;}
.yell{ color: #bf974f;}
.fl{float: left;}
.fr{ float: right;}
.container{max-width: 600px;}

.mar2030{ margin:20px 30px;}

.mar_top10{ margin-top: 10px;}
.nav,.tel,.keshi,.contact,.yyjj,.qwzj,.zltx,.kfal,.guahao,.zt,.bz,.bz_article,.article,.about_yd,.yyjj02,.nbhj,.gyhd,.zj_list,.tslf_02,.zlgc,.lfys,.lfxg{max-width: 600px; width: 100%;margin: 0 auto; overflow: hidden;}
.logo img{ display: block;}

@media screen and (min-width:300px) and (max-width: 600px){
	.nav{ background: #018883; height: 40px; border-top: 1px solid #fff; font-size: 13px;}
	.nav ul{ height: 20px; line-height: 20px; margin-top:10px;}
    .nav ul li{ float: left; width:24.3%; text-align: center; border-right: 2px solid #fff;}
}
@media screen  and (min-width: 600px){
	.nav{ background: #018883; height: 50px; border-top: 1px solid #fff; font-size: 18px;}
	.nav ul{ height: 20px; line-height: 20px; margin-top:15px;}
    .nav ul li{ float: left; width:24.5%; text-align: center; border-right: 2px solid #fff;}
}
.nav ul li a{ color: #fff; }
/*banner*/
#banner{ width: 100%;max-width:600px; height:auto; margin:0 auto; background-color:#BFDBF0;}
.slides{ width: 100%;max-width:600px; height:auto;overflow: hidden; position:relative; }
.slide-pic{width: 100%;max-width:600px; height:auto; overflow: hidden; list-style:none;}
.slide-pic img{width: 100%; max-width:600px;  height:auto; border:0px; float:left;}
.slide-pic li{ display: none;}
.slide-pic li.cur { display: block;}
.slide-li{ margin:0px; padding:0px; left:0px; bottom:0px; position: absolute;width: 100%;max-width:640px;min-width:320px;height:auto; }
.slide-li li{ margin:0px; padding:0px; width:33%; height:6px; float:left; margin-left:1px; overflow:hidden; list-style:none;}

.slide-li a{ width:33%; height:6px; color:#000;display:block;}
.slide-li a:hover{ color:#F00; text-decoration:none;}
.op li{ background:#999999; filter:alpha(opacity=60); opacity:0.6;}
.op li.cur{ background: #666;}
.slide-txt span{ display:none;}
/*tel*/
.tel img{ display: block; width:100%; height:auto;}
/*重点诊疗科室*/
.keshi{ margin-top: 8px;}
.title{ max_width: 10px; height: 60px; border-bottom: 1px solid #018883; }
.title .ti_lf{ float: left; width: 70%;}


@media screen and (min-width:300px) and (max-width: 600px){
.title .tit_p1{ color: #000;font-size: 16px; padding:10px 15px 0 15px; margin-top:10px;}
.title .tit_p2{ color: #999; font-size: 10px;padding: 2px 15px;width:445px;}
.keshi .bz{ width: 320px;overflow: hidden; margin: 0 auto;}
.keshi .bz ul{width: 320px; text-align:center;}
.keshi .bz ul .li01{ background:url(/templets/phone/images/quan_03.png); width: 60px; height: 60px; float:left; line-height: 20px; text-align: center; font-size: 14px; margin: 3%;  }
.keshi .bz ul .li02{ background:url(/templets/phone/images/quan_03.png); width: 60px; height: 60px; float:left; line-height: 60px; text-align: center; font-size: 14px; margin: 3%;  }
.mar_R0{ margin-right:0;}
.keshi .bz ul .li01 a{ display: block; color: #018883; font-size: 14px;margin-top: 10px;}
.keshi .bz ul .li02 a{ display: block; color: #018883; font-size: 14px;}
.keshi .bz ul li .font-24{ font-size: 12px;}

}
@media screen  and (min-width: 600px){
.title .tit_p1{ color: #000;font-size: 26px; padding: 1px 15px 0 15px;}
.title .tit_p2{ color: #999; font-size: 14px;padding: 0 15px 0 15px; width:445px;}
.keshi .bz{ width: 96%; overflow: hidden; margin: 0 auto;}
.keshi .bz ul{ text-align:center; margin: 20px 0; overflow: hidden;}
.keshi .bz ul .li01{ background:url(/templets/phone/images/yuan_03.png); width: 123px; height: 123px; float:left; line-height: 35px;  text-align: center; font-size: 26px;margin:10px; }
.keshi .bz ul .li02{ background:url(/templets/phone/images/yuan_03.png); width: 123px; height: 123px; float:left; line-height: 123px;  text-align: center; font-size: 26px;margin:10px; }
.keshi .bz ul .li01 a{ display: block; color: #018883; font-size: 28px;margin-top: 20px;}
.keshi .bz ul .li02 a{ display: block; color: #018883; font-size: 28px;}
.keshi .bz ul li .font-24{ font-size: 24px;}

}

/*contact*/
.contact img{ max-width:580px;}
@media screen and (min-width:320px) and (max-width: 600px){
.pinpai{ width:320px; overflow:hidden; margin: 0 auto;}
.pinpai img{ width:24.5%;max-width:144px; float:left; margin-right:2px;}
	}
@media screen  and (min-width: 600px){
.pinpai{ overflow:hidden; width:98%; margin: 0 auto;}
.pinpai img{ width:24.5%;max-width:144px; float:left; margin-right:4px;}
}
.qx img{ max-width:123px;}
@media screen and (min-width:300px) and (max-width: 600px){
	.contact{ text-align: center; margin:10px auto;}
	.qx{ float: right;display: block; width: 29%; text-align: right; margin-right: 3px; margin-top: 22px;}
	.yyjj .yyjj_title{ height: 40px; background: #e8e8e8; text-align: center;  color: #018883;  font-weight: normal; margin: 10px 0; font: bold 20px/40px "微软雅黑";}
	.yyjj .yyjj_intro{ width: 96%; overflow: hidden; margin: 0 auto 10px auto;}
	}
@media screen  and (min-width: 600px){
	.contact{ text-align: center; margin: 0 auto 20px auto;}
	.qx{ float: right;display: block;  text-align: right; margin-right: 30px; margin-top: 10px;}
.yyjj .yyjj_title{ height: 60px; background: #e8e8e8; text-align: center;  color: #018883;  font-weight: normal; margin: 20px 0; font: bold 35px/60px "微软雅黑";}
.yyjj .yyjj_intro{ width: 96%; overflow: hidden; margin: 0 auto 20px auto;}
}


.yyjj .yyjj_intro_left{ float: left; width: 43%; margin-top: 8px;}

@media screen and (min-width:300px) and (max-width: 600px){
	.yyjj .yyjj_intro_right{ float: right; width: 56%;font-size: 12px; line-height: 18px; margin-top:3px;}
	}
@media screen  and (min-width: 600px){
.yyjj .yyjj_intro_right{  font-size: 18px; line-height: 32px;}
}
.yyjj .yyjj_intro_right a{ color: red;}
.pinpai,.zt{text-align:center;}
/*权威专家*/
@media screen and (min-width:300px) and (max-width: 600px){
	.qwzj{ margin-top:0px;}
	.qwzj .zj_con{ width:96%; margin:20px auto 0 auto; overflow:hidden;}
	.qwzj .zj_con ul li{ margin-bottom:0;}
	.qwzj .zj_con ul li img{ display:block;}
	.yy_zx{ display: block; margin: 10px 0 0 0;}

	}
@media screen  and (min-width: 600px){
.qwzj{ margin-top:0px;}
.qwzj .zj_con{ width:96%; margin:30px auto 10px auto; overflow:hidden;}
.qwzj .zj_con ul li{ margin-bottom:30px;}
.qwzj .zj_con ul li img{ display:block;}
.yy_zx{ display: block; margin: 20px 0 30px 0;}
}



/*诊疗体系*/
@media screen and (min-width:300px) and (max-width: 600px){
.zltx{}
}
@media screen  and (min-width: 600px){
.zltx{}	
}
@media screen and (min-width:300px) and (max-width: 600px){
.qwlf{ width:96%; margin:20px auto 5px auto;}
.qwlf .qw_title{ max-width:482px; max-height:76px;margin: 0 auto;}
.qwlf .qwlf_ys,.qwlf .qwlf_con{ width: 98%; overflow:hidden; margin: 0 auto;}
.qwlf .qwlf_con{ margin-top: 10px;}
.qwlf .qwlf_ys dl{width: 44%;float: left; border-left: 5px solid #039045; padding-left: 7px; margin-bottom: 15px;}
.qwlf .qwlf_ys dl dt{ font-size: 18px; color:#323232; line-height: 26px;}
.qwlf .qwlf_ys dl dd{ font-size: 10px; color: #018883;}
.qwlf .qwlf_con ul li{width: 44%;float: left; background: #039045; height: 30px; border-radius: 15px; font-size: 12px; line-height: 30px; color: #fff; padding-left: 15px; margin:0 5px 15px 0;}
.qwlf .qwlf_con ul li a{ color: #fff;}
}
@media screen  and (min-width: 600px){
.qwlf{ width:96%; margin:20px auto;}
.qwlf .qw_title{ max-width:482px; max-height:76px;margin: 0 auto;}
.qwlf .qwlf_ys,.qwlf .qwlf_con{ width: 94%; overflow:hidden; margin: 0 auto; }
.qwlf .qwlf_con{ margin-top: 20px;}
.qwlf .qwlf_ys dl{width: 47%;float: left; border-left: 5px solid #039045; padding-left: 7px; margin-bottom: 15px;}
.qwlf .qwlf_ys dl dt{ font-size: 24px; color:#323232; line-height: 26px;}
.qwlf .qwlf_ys dl dd{ font-size: 14px; color: #018883;}
.qwlf .qwlf_con ul li{width: 44%;float: left; background: #039045; height: 40px; border-radius: 15px; font-size: 22px; line-height: 40px; color: #fff; padding-left: 15px; margin:0 15px 15px 0;}
.qwlf .qwlf_con ul li a{ color: #fff;}	
}
/*康复案例*/
@media screen and (min-width:300px) and (max-width: 600px){
.kfal{ margin-top: 0px;}
.kfal .kfal_con{ width:96%; margin:0px auto 0px auto; overflow:hidden;}
}
@media screen  and (min-width: 600px){
.kfal{ margin-top: 0px;}
.kfal .kfal_con{ width:96%; margin:0px auto; overflow:hidden;}}
.kfal_con ul li{ display:block; width:48%; margin-right:4%; float:left; position:relative; margin-top:10px; max-width: 283px; max-height: 183px; }
.kfal_con li img{ width:100%; max-width: 283px; max-height: 183px;}
.kfal_con li span a{ color:white;}
@media screen and (min-width:300px) and (max-width: 600px){
.kfal_con li span{
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	top:83%;   
	background-color: rgba(0,0,0,0.8);height:15%; 
	font-size:12px;
    text-align:center; 
	line-height:120%}
	}
	@media screen  and (min-width: 600px){
		.kfal_con li span{
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	top:84%;   
	background-color: rgba(0,0,0,0.8);height:15%; 
	font-size:18px;
    text-align:center; 
	line-height:150%}
		}
/*免费挂号平台*/



@media screen and (min-width:300px) and (max-width: 600px){
.post{width:90%;overflow:hidden; margin:0 auto; font-size:12px;}
.gg{ background:url(/templets/phone/images/gg_bj.png) no-repeat; max-width:88%; max-height:46px; line-height:46px; padding-left:12%; margin:23px 0; color:#ff5a00; font-size:12px;}
.guahao_botton2{ background:url(/templets/phone/images/button2.gif) no-repeat; width:156px; height:30px; border:none; float:right; margin-top:10px;}
}
@media screen  and (min-width: 600px){
	.post{width:90%;overflow:hidden; margin:0 auto; font-size:18px;}
	.gg{ background:url(/templets/phone/images/gg_bj.png) no-repeat; max-width:92%; max-height:46px; line-height:46px; padding-left:8%; margin:23px 0; color:#ff5a00; font-size:18px;}
	.guahao_botton2{ background:url(/templets/phone/images/button.gif) no-repeat; width:317px; height:67px; border:none; float:right; margin-top:10px;}
	}
.post table { width:100%; height:auto; }
.post table tr{  width:100%;}
.post table tr td span{ color:red;}
.post form table td input,.post form table td select{ height:3em; border:1px solid #c2c2c2;  width:99%;}


/*底部*/
@media screen and (min-width:300px) and (max-width: 600px){
footer{background:#039045;max-width:530px; padding:15px 5px; margin-top:20px; overflow:hidden; margin-bottom: 30px;}
footer ul{ width: 310px; overflow:hidden; margin:0 auto 15px auto;}
footer ul li.li01{ float:left; background:url(/templets/phone/images/contact_02.jpg) no-repeat; width:60px; height:60px; margin:0 8px; display:inline;}
footer ul li.li02{ float:left; background:url(/templets/phone/images/contact_tel02.gif) no-repeat; width:60px; height:60px; margin:0 8px; display:inline;}
footer ul li.li03{ float:left; background:url(/templets/phone/images/contact_wei2.png) no-repeat; width:60px; height:60px; margin:0 8px; display:inline;}
footer ul li.li04{ float:left; background:url(/templets/phone/images/contact_lylx2.gif) no-repeat; width:60px; height:60px; margin:0 8px;display:inline;}
footer p{ font-size:14px;color:#fff; text-align:center; line-height:26px;}
/*footnav*/
.floatnav{ background:#039045; overflow:hidden; height:53px; position:fixed; bottom:0px; width:100%}
.floatnav li{ display:block; width:25%; text-align:center; float:left; background:url(../img/bbb.jpg) no-repeat right; height:53px; line-height:80px;}
.floatnav li a{ display:block;  color:white; background:url(../img/bg_r23_c4.jpg) no-repeat  center 7px} 
	}
@media screen  and (min-width: 600px){
footer{ background:#039045;max-width:530px; margin:0 auto; padding:35px 35px 20px 35px; margin-top:40px; overflow:hidden; margin-bottom: 20px;}
footer ul{ overflow:hidden; margin-bottom:15px;}
footer ul li.li01{ float:left; background:url(/templets/phone/images/contact_01.gif) no-repeat; width:103px; height:103px; margin-right:35px; display:inline;}
footer ul li.li02{ float:left; background:url(/templets/phone/images/contact_tel.png) no-repeat; width:103px; height:103px; margin-right:35px; display:inline;}
footer ul li.li03{ float:left; background:url(/templets/phone/images/contact_wei.png) no-repeat; width:103px; height:103px; margin-right:35px; display:inline;}
footer ul li.li04{ float:left; background:url(/templets/phone/images/contact_lylx.gif) no-repeat; width:103px; height:103px;  display:inline;}
footer p{ font-size:14px;color:#fff; text-align:center; line-height:26px;}
/*footnav*/
.floatnav{ background:#039045; overflow:hidden; height:53px; position:fixed; bottom:0px; width:100%}
.floatnav li{ display:block; width:25%; text-align:center; float:left; background:url(../img/bbb.jpg) no-repeat right; height:53px; line-height:80px;}
.floatnav li a{ display:block;  color:white; background:url(../img/bg_r23_c4.jpg) no-repeat  center 7px} }
@media screen and (min-width:300px) and (max-width: 600px){
.index_contact{ background:url(/templets/phone/images/tell_03.png) no-repeat center;background-size:100% auto;max-width: 550px; margin: 0px auto 0px auto;}
.index_anli{background: url(/templets/phone/images/more_anli.jpg) no-repeat center;max-width: 500px; margin: 0px auto 5px auto;}
.index_tel{ width: 49%; display: inline-block; height: 65px; float: left;}
.index_swt{width: 49%; display: inline-block;  height: 65px;}	
}
@media screen  and (min-width: 600px){
.index_contact{ background: url(/templets/phone/images/tell_03.png ) no-repeat center;background-size:100% auto;max-width: 580px; margin: 0px auto 0px auto;}
.index_anli{background: url(/templets/phone/images/dianhua_03.png) no-repeat center;background-size:100% auto;max-width: 580px; margin: 10px auto 10px auto;}
.index_tel{ width: 49%; display: inline-block; height: 100px; float: left;}
.index_swt{width: 49%; display: inline-block;  height: 65px;}}



.index_contact1{ background:url(/templets/phone/images/chakan_03.png) no-repeat center;background-size:100% auto;max-width: 580px; margin: 0px auto -21px auto;}
.index_anli{background: url(/templets/phone/images/more_anli.jpg) no-repeat center;background-size:100% auto;max-width: 580px; margin: 0px auto 5px auto;}
.index_tel{ width: 49%; display: inline-block; height: 30px; float: left;}
.index_swt{width: 49%; display: inline-block;  height: 55px;}	
}
@media screen  and (min-width: 600px){
.index_contact1{ background: url(/templets/phone/images/chakan_03.png ) no-repeat center;background-size:100% auto;max-width: 580px; margin: 0px auto -21px auto;}
.index_anli{background: url(/templets/phone/images/dianhua_03.png) no-repeat center;background-size:100% auto;max-width: 580px; margin: 10px auto 30px auto;}
.index_tel{ width: 49%; display: inline-block; height: 30px; float: left;}
.index_swt{width: 49%; display: inline-block;  height: 30px;}}
.font_size{font-size:15px;}
